<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		  <meta name="viewport" content="width=device-width, initial-scale=1">
		  <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">  
  <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
	
		<title></title>
		 <!-- 包含头部信息用于适应不同设备 -->
  
	</head>
	<body>
	<!-- html5元素  -->	
	<!--
    	作者：393361598@qq.com
    	时间：2016-01-04
    	描述：
    	video 视频标签 
    	source 视频地址，和格式 ，元素支持三种视频格式： MP4, WebM, 和 Ogg:
    	controls 显示进度条
    -->
<!--<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>
<div style="text-align:center"> 
  <button onclick="playPause()">播放/暂停</button> 
  <button onclick="makeBig()">放大</button>
  <button onclick="makeSmall()">缩小</button>
  <button onclick="makeNormal()">普通</button>
  <br> 
  <video id="video1" width="420" >
    <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
    您的浏览器不支持 HTML5 video 标签。
  </video>
</div> -->

<script> 
var myVideo=document.getElementById("video1"); 

function playPause()
{ 
if (myVideo.paused) //已暂停
  myVideo.play(); //播放
else 
  myVideo.pause(); //暂停
} 

function makeBig()
{ 
myVideo.width=560; //宽度
//myVideo.height=400;  //高度设置
} 

function makeSmall()
{ 
myVideo.width=320; 
} 

function makeNormal()
{ 
myVideo.width=420; 
} 
</script> 

<!--//track	定义在媒体播放器文本轨迹-->


    <!--color
    date
    datetime
    datetime-local
    email
    month
    number
    range
    search
    tel
    time
    url
    week-->
   <!--<form action="demo-form.php">
  选择你喜欢的颜色: <input type="color" name="favcolor"><br>
  <input type="submit">
</form>-->
<input type="color" />
	</body>
</html>
